<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8" />
    <title>사원목록</title>

    <script language="JavaScript">
    
    // 클래스 선언, 생성자 선언
    function Employee( sectionName ){
        this.sectionName = sectionName; // 멤버 변수 선언
    }

    // 객체 생성    
    var employee = new Employee( '금메달 목록' );

    // 클래스 선언후에도 메소드를 선언할 수 있는 기능이 있음
    // Employee 클래스의 객체 employee 객체에 메소드 추가
    employee.listDisplay = function(){
        var list = new Array( '장미란', '박태환', '사재혁' );

        document.writeln(
            '<div id="display">■' + this.sectionName + list + '</div>'
        );
    }


    employee.listDisplay();
    </script>

    <style type="text/css">
        div#display{
        width            : 300px;
        height           :  70px;
        background-color : #00FF33;
    }
    </style>    
  </head>
  <body></body>
</html>
  